<template>
	<Page>
		<Title title='标题' class='mb5' grayTitle='123'/>
		
		<Title title='标题' :titleMode='1' bgcolor='#ddd'/>
		
		<Title title='标题' :titleMode='2' subTitle='123'>
			<div class='ex tr'>右侧</div>
		</Title>
		
		<Title :config='config'>
			<span class='c0 ml5 ex'>(123)</span>
		</Title>
	</Page>
</template>

<script setup>
	const Page 	= $.lazy(()=>import('@tp/content.vue'))
	const Title = $.lazy(()=>import('#tp/title/title.vue'))
	
	const config = {
		title: '标题',
		refresh:true,
		titleMode:3,
		controls: [
			{ label:'按钮', code:'Enter', click:()=>{ $fn.msg.success('成功')}} 
		]
	}
</script>